<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/header::commonlinks(~{::title},~{})">
    <title>公告管理</title>
<!--    <link rel="stylesheet" th:href="@{/plugins/fontawesome-free/css/all.min.css}">-->
<!--    <link rel="stylesheet" th:href="@{/dist/css/adminlte.min.css}">-->

<!--    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">-->
</head>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed">
<div class="wrapper">
    <div th:include="common/header::topnavbar"></div>
    <div th:include="common/header::leftaside(activename='notice')"></div>
    <!-- 内容区 -->
    <div class="content-wrapper">
        <!--内容区头部 -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 text-dark">公告管理</h1>
                    </div><!-- /.col -->
<!--                    <div class="col-sm-6">-->
<!--                        <ol class="breadcrumb float-sm-right">-->
<!--                            <li class="breadcrumb-item"><a href="#">根路径</a></li>-->
<!--                            <li class="breadcrumb-item active"> 子路径</li>-->
<!--                        </ol>-->
<!--                    </div>&lt;!&ndash; /.col &ndash;&gt;-->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /内容区头部 -->
        <!-- 内容区主体 -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">

                </div>
            </div>
        </div>






        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog " >
                <div class="modal-content" >
                    <div class="modal-header" >
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title" id="myModalLabel" style="float: left"></h4>
                    </div>
                    <div class="modal-body" >确认要删除吗</div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">再想想</button>
                        <button type="button" class="btn btn-primary add" id="changeName"  >确认</button>
                    </div>
                </div>
            </div>
        </div>

        <button class="btn btn-primary" data-toggle="modal" data-target="#myModal2" ><i class="fa fa-plus" aria-hidden="true"></i></button>

        <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <!-- <h4 class="modal-title" id="myModalLabel" style="float: left">模态框（Modal）标题</h4> -->
                    </div>
                    <div class="modal-body ">
                        <form class="needs-validation validateForm" novalidate th:messageVo="${NoticeCreateVO}">
                            <div class="input-group mb-3">
                                    <input type="text" name="" placeholder="公告标题" class="form-control" style="height: 30px;color: #ccc" id="input1" required>
                                    <div class="input-group-append">
                                        <div class="input-group-text">
                                            <span class="fas fa-text-height"></span>
                                        </div>
                                    </div>
                                    <div class="invalid-feedback ">
                                        公告标题不能为空
                                    </div>
                            </div>
                            <div class="input-group mb-3">
                                <input type="text" name="" placeholder="公告内容" class="form-control" style="height: 30px;color: #ccc"id="input2" required>
                                <div class="input-group-append">
                                    <div class="input-group-text">
                                        <span class="fas fa-envelope"></span>
                                    </div>
                                </div>
                                    <div class="invalid-feedback ">
                                        公告内容不能为空
                                    </div>
                            </div>
                            <div class="input-group mb-3">
                                <input type="text" name="" placeholder="发布人" class="form-control" style="height: 30px;color: #ccc"id="input3" required>
                                <div class="input-group-append">
                                    <div class="input-group-text">
                                        <span class="fas fa-envelope"></span>
                                    </div>
                                </div>
                                    <div class="invalid-feedback ">
                                        发布人不能为空
                                    </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">再想想</button>
                        <button type="button" class="btn btn-primary valid-button"  onclick="create()">确认</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- /内容区主体 -->
    </div>
    <!-- /内容区 -->
    <!-- 右侧栏 -->
    <div th:include="~{common/header::rightaside}"></div>
    <!-- /右侧栏 -->
    <!-- 底部栏 -->
    <div th:include="~{common/footer::footer}"></div>
    <!--所有js必须放在jq下面-->
    <div th:replace="common/header::commonjs(~{::script})">
<!--        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>-->

<!--        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>-->

        <!--        私有的js-->
        <script th:src="@{/admin/notice/index.js}"></script>
    </div>
</div>
</body>
</html>